<template>
  <ul class="newsList border--radius">
    <newsItem
      v-for="(item, index) in list"
      :key="index"
      :item="item"
      class="classlist__item"
    />
  </ul>
</template>

<script>
import NewsItem from './newsitem'
export default {
  components: {
    NewsItem
  },
  props: {
    list: {
      type: Array,
      required: true
    }
  }
}
</script>

<style lang="scss" scoped>
.newsList {
  overflow: hidden;
}
.classlist__item {
  border-bottom: 1px #eee solid;
  &:last-child {
    border-bottom: none;
  }
}
</style>
